<div class="module-ad-detail-buy layout-md">
    <div class="col-left">
        <loading v-if="isLoading === true"></loading>
        <template v-else>
            <div class="common-head">
                <h3 class="title-text">CNY求購{{detail.assetCode}}信息</h3>
            </div>
            <div class="common-container">
                <div class="ui-title ui-title--white">基本信息</div>
                <form class="common-basic" name="form" action="javascript:;">
                    <div class="col-row">
                        <div class="col-label">
                            <label>國家</label>
                        </div>
                        <div class="col-text">
                            <span class="text">{{detail.country}}</span>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label>貨幣</label>
                        </div>
                        <div class="col-text">
                            <span class="text">{{detail.currency}}</span>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label>求購幣種</label>
                        </div>
                        <div class="col-text">
                            <span class="text">{{detail.assetCode}}</span>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label>期望價格</label>
                        </div>
                        <div class="col-text">
                            <span class="text">{{ filter.floorFix(detail.tradePrice,2) }}</span>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label>預計購買</label>
                        </div>
                        <div class="col-text">
                            <span class="text">{{ filter.floorFix(detail.buyPrice,2) }}</span>
                        </div>
                    </div>
                    <div class="col-row" style="margin-top: 32px;">
                        <div class="col-label">
                            <label>{{detail.nickname}}的備註信息</label>
                        </div>
                    </div>
                    <div class="col-row">{{detail.remark || '无'}}</div>
                </form>
                <div class="common-tip">
                    <div class="ui-title ui-title--white">交易須知</div>
                    <ul class="list">
                        <li class="item">該區域為用戶自由買賣區，Ourdax僅做內容發佈平台，不提供任何擔保服務。</li>
                        <li class="item">當心騙子，建議您在線下交易前務必確認好對方的信息</li>
                    </ul>
                </div>
            </div>
        </template>
    </div>
    <div class="col-right">
        <person-info type="buy" :uid="detail.uid"></person-info>
        <recommend-buy :adId="advertId"></recommend-buy>
    </div>
</div>